<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>消息通知</title>
    <script src="../../static/js/jquery-3.3.1.min.js"></script>
    <script src="../../static/js/init.js"></script>
    <link rel="stylesheet" href="../../public/global.css">
    <script src="../../public/laydate/laydate.js"></script>
    <link rel="stylesheet" href="../../public/easyhelper/css/easyhelper.min.css">
    <!-- <script src="../../public/easyhelper/js/jq.min.js"></script> -->
    <script src="../../public/easyhelper/js/jquery.transit.min.js"></script>
    <script src="../../public/easyhelper/js/es6-shim.min.js"></script>
    <script src="../../public/easyhelper/js/easyhelper.min.js"></script>
</head>
<style>
    .content {
			margin: 30px auto;
			width: 70vw;
			border: #dfdfdf solid 1px;
            /* overflow-y: scroll; */
            margin-left: 0vw;
            box-shadow: 0px 1px 10px 0px #bcbcbc
		}
	.content li {
			display: block;
			height: 40px;
			line-height: 40px;
			text-align: center;
			font-size: 14px;
			border-bottom: #e8e8e8 solid 1px;
        }
        #selectAll :hover{
        background-color: #e0e0e0
    }
	.page {
			text-align: center;
			margin-bottom: 200px;
		}
    #selectAll{
        overflow-y: scroll;
        height: 409px;
    }
</style>
<body>
    <div id="side"></div>
    <div id="inner">
        <div id="top"></div>
        <div style="margin-top:-5vh">
            <div style="color:#fff;margin-left: 10vw;font-size: 1vw;margin-bottom: 3vh">
                <span style="opacity:0">历史消息记录</span>
            </div>
            <!-- <div style="margin-left:8.5vw;margin-top:1vh"><img src="../../public/img/line.png" alt=""></div> -->
            <div id="content">
                <div style="margin-left:3vw;padding-top: 2vh">
                        <div>
                            <div class="content">
                                <ul style="background-color:#666;color: #fff">
                                    <li style="margin-left:-1vw">
                                        <span style="width:10vw;display:inline-block">主标题</span>
                                        <span style="width:15vw;display:inline-block">内容</span>
                                        <span style="width:15vw;display:inline-block">发布时间</span>
                                        <span style="margin-left:4.5vw;display:inline-block">查看详情消息</span>
                                        <span style="width:15vw;display:inline-block">状态</span>
                                    </li>
                                </ul>
                                <ul id="selectAll">
                                </ul>
                            </div>
                            <div class="page" id="page-3"></div>                
                        </div>
                </div>
            </div>
        </div>
    </div>
    <div id="message_detail" style="position:absolute;left:29vw;top:26vh;display: none;background-color: #fff;width:50vw;height: 52vh;border-radius: 6px">
        <div style="width:100%;height:4vh;background-color:#ccc;color:#fff;font-size: 1vw;text-align: center;padding-top: 2vh;border-top-left-radius: 6px;border-top-right-radius: 6px" id="message_title"></div>
        <div>
            <div style="width:46vw;margin-left:2vw;border-bottom:1px solid rgb(191,191,191)">
                <div id="message_content"></div>
                <div id="message_createTime" style="margin-left:38vw;font-size:1vw;margin-top:4vh;margin-bottom:1vh"></div>
            </div>
        </div>
        <div style="text-align:center;margin-top: 1vh">
            <button style="background-color:rgb(249, 29, 29);color:#fff;height:5vh;width: 4vw;border-radius: 5px" onclick="message_close()">关闭</button>
        </div> 
    </div>
</body>
<script src="../../public/include.js"></script>
<script src="message.js"></script>